<template>
  <div class="ml">
    <div class="pic-list">
      <div v-for="(item, index) in list" :key="index" class="pic-item">
        <h3 class="pic-title mt mb big"><span>{{item.title}}</span><span>{{item.score}}分</span></h3>
        <a :href="item.imageUrl" target="_blank">
          <img :src="item.imageUrl" title="点击查看大图">
        </a>
        <p class="mt big"><span class="font-orange">评分依据</span>: {{item.description}}</p>
      </div>
    </div>
    <h2 class="mt">巡店照片</h2>
    <div class="pic-list" v-if="isComplete">
      <div v-for="(item, index) in imageUrls" :key="index" class="pic-item">
        <a :href="item" target="_blank">
          <img :src="item" title="点击查看大图">
        </a>
      </div>
    </div>
    <div v-else>本周期内未巡店</div>
  </div>
</template>
<script>
  export default {
    props: {
      list: {
        type: Object
      },
      isComplete: {
        type: Boolean
      },
      imageUrls: {
        type: Object
      }
    }
  }
</script>
